<div class="box">
  <div class="row">
    <x-button (click)="alert('top-start', '上左')">上左</x-button>
    <x-button (click)="alert('top', '上')">上</x-button>
    <x-button (click)="alert('top-end', '上右')">上右</x-button>
  </div>
  <div class="row">
    <x-button (click)="alert('left', '左')">左</x-button>
    <x-button (click)="alert('center', '中')">中(默认)</x-button>
    <x-button (click)="alert('right', '右')">右</x-button>
  </div>
  <div class="row">
    <x-button (click)="alert('bottom-start', '下左')">下左</x-button>
    <x-button (click)="alert('bottom', '下')">下</x-button>
    <x-button (click)="alert('bottom-end', '下右')">下右</x-button>
  </div>
</div>
